@charset "utf-8";
/* 狮吼TV */

body      { margin:0; font-size:14px; font-family:"黑体"; background:#409bce; color:#fff; }
.wrap img { width:100%; display:block; }
.header   { position:relative; width:100%; overflow:hidden; }
.btnShare { position:absolute; width:50%; left:50%; margin-left:-25%; bottom:0; z-index:2;}
.bg       { background:url(../img/line3.png) center top repeat; border-radius:0 0 15px 15px; overflow:hidden; border-bottom:2px solid #4bc6fa; border-left:2px solid #4bc6fa; border-right:2px solid #4bc6fa; width:89%; margin:0 auto; overflow:hidden; }

/*// phb /////////*/
/* phbTab */
.phb         { width:100%; overflow:hidden; background:#26abe3 url(../img/bg.jpg) center top no-repeat; background-size:100%; }
.phbTab      { width:90%; margin:0 auto; position:relative; }
.phbMenu     { padding:0 10px; position:absolute; left:0; top:8px; z-index:3; }
.phbMenu li  { float:left; width:25%; cursor:pointer; }
.phbTitle    { margin:30px auto 10px; width:80%; position:relative; }
.phbTitle p  { width:100%; height:30px; position:absolute; left:0; top:-2px; z-index:3;  }
.phbTitle span { float:left; width:50%; height:30px; line-height:30px; display:block; text-align:center; color:#7cbbc8; }

/* phbList */
.phbList                    { overflow:hidden; }
.phbList li                 { float:left; margin:8px 0; width:50%; height:44px; }
.phbList li a               { height:44px; display:block; position:relative; }
.phbList .liveHead          { width:40px; height:40px; display:block; border:2px solid #403120; border-radius:50%; position:absolute; top:0; z-index:3; }
.phbList .liveHead img      { border-radius:50%; }
.phbList .liveNo1 .liveHead { border:2px solid #f0ccab; }
.phbList .liveNo2 .liveHead { border:2px solid #b8ddee; }
.phbList .liveNo3 .liveHead { border:2px solid #d7c9ba; }
.phbList .liveNo4 .liveHead { border:2px solid #25a0d5; }
.phbList .liveName          { margin-top:5px; font-size:14px; color:#fff; }
.phbList .liveNum           { font-size:12px; color:#82c6d4; }
.phbList .liveName,.phbList .liveNum { height:18px; line-height:18px; display:block; overflow:hidden; }
.loader-inner               { margin:-10px 0 0 -10px; width:20px; height:20px; position:absolute; left:50%; top:50%; z-index:5; }

/* anchor */
.phbList .anchor .liveHead    { right:0; }
.phbList .anchor .liveWrap    { width:40px; height:40px; display:block; position:relative; }
.phbList .anchor a            { margin-right:20px; padding-right:54px; }
.phbList .anchor .liveName,.phbList .anchor .liveNum { text-align:right; }
.phbList .anchor .liveIcon    { width:30px; height:20px; background:url(../img/live.png)no-repeat; background-size:30px 20px; position:absolute; top:-4px; left:0; z-index:5; }
.phbList .anchor .liveOpacity { width:40px; height:40px; display:block; border-radius:50%; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:4; }
.phbList .anchor .liveRanking { width:20px; display:block; position:absolute; right:-30px; top:10px; z-index:2; }
.phbList .anchor .liveNo4 .liveRanking { width:20px; height:20px; border-radius:3px; line-height:20px; text-align:center; display:block; background:#136ca5; color:#fff; position:absolute; right:-30px; top:10px; z-index:3; }

/* user */
.phbList .user .liveHead { left:0; }
.phbList .user a { margin-left:20px; padding-left:54px; }
.phbList .user .liveName,.phbList .user .liveNum { text-align:left; }

/*// login /////////*/
.loginIn           { margin:0 0 10px; height:40px; line-height:40px; position:relative; }
.loginIn .pm       { height:40px; display:block; text-align:center; }
.loginIn a         { float:left; width:50%; color:#f9b535;}
.loginIn img       { width:30px; height:30px; position:absolute; left:20px; top:5px; z-index:3; }
.loginIn .loginTxt { height:40px; display:block; color:#71b4c6; }
.loginIn .loginOut { height:40px; display:block; padding:0 100px 0 60px; }
.loginIn .btnLogin { width:70px; height:26px; line-height:26px; font-size:12px; text-align:center; display:block; border-radius:13px; background:#ffda00; color:#38383d; position:absolute; right:20px; top:7px; z-index:3; }

/*// common /////////*/
.common               { width:100%; overflow:hidden;  background:#26abe3 url(../img/bg0.jpg) center top no-repeat; background-size:100%;}
.commonTab            { margin:0 20px; position:relative; }
.commonTab .commonMenu{ padding:0 10px; position:absolute; left:0; top:12%; z-index:3; }
.commonTab li         { float:left; width:50%; }
.nav                  { background:#136ca5; height:50px; border-radius:8px; width:95%; margin:10px auto 0; overflow:hidden;}
.nav .spend           { width:50px; height:33px; float:right; margin:9px 9px 0 0; }
.nav input            { margin:9px 0 0 10px; width:70%; height:33px; color:#7cbbc8; }
.nav em               { margin:17px 0 0 10px; height:33px; display:block; color:#7cbbc8; }
.list li              { margin:10px auto 0;  width:95%; }
.list li p            { border-radius:8px; }
.list .listTitle      { background:#136ca5; overflow:hidden; padding:10px; }
.list .listTitle span { float:left; width:85%; line-height:20px; }
.list .listTitle a    { float:right; width:15%; }
.list .listFont       { background:#14669a; color:#80cdff; height:20px; line-height:20px; overflow:hidden; padding:10px;}
.list .listFont a     { float:left; color:#80cdff; width:65%; overflow:hidden; }
.list .listFont a em  { width:24px; height:24px; display:inline-block; border-radius:12px; vertical-align:middle; overflow:hidden; }
.list .listFont a em img { width:24px; height:24px; }
.list .listFont a i   { margin:-3px 2px 0 3px; width:54px; height:20px; line-height:20px; vertical-align:middle; display:inline-block; font-style:normal; overflow:hidden; }
.list .listFont span  { float:right; width:34%; overflow:hidden; text-align:right; }
.more                 { width:40%; margin:15px auto 20px; display:block; }
.nav a,.nav span,.nav input { float:left; }

.commonWrap { /*padding-bottom:45px;*/ }
.commonIn   { width:100%; height:45px; display:none; background:#fffeff; position:fixed; left:0; bottom:0; z-index:999; }
.commonInCont { padding:6px 70px 0 10px; height:34px; position:relative; }
.commonInCont input { width:100%; height:33px; border-radius:5px; text-indent:10px; background:#f0f0f0; }
.commonInCont .btnFs { width:50px; height:33px; display:block; background:url(../img/spend.png) no-repeat; background-size:50px 33px; position:absolute; right:10px; top:6px; z-index:3; }

/*// rule /////////*/
.btnRule      { width:120px; height:74px; -webkit-animation: crashDown 1.5s ease 1s infinite backwards; -moz-animation: crashDown 1.5s ease 1s infinite backwards; -ms-animation: crashDown 1.5s ease 1s infinite backwards; -o-animation: crashDown 1.5s ease 1s infinite backwards; display:block; background:url(../img/btnRule.png) no-repeat; background-size:120px 74px; position:fixed; right:0; top:20px; z-index:333; }
.ruleWrap     { margin:-250px 0 0 -45%; width:90%; height:400px; display:none; position:fixed; left:50%; top:50%; z-index:9999; }
.ruleCont     { height:300px; position:relative; }
.ruleCont .btnClose { width:50px; height:40px; display:block; position:absolute; right:0px; top:10%; z-index:3; }
.ruleCont img { width:100%; display:block; }
.ruleScroll   { height:350px; overflow:scroll; overflow-x:hidden; border-radius:0 0 15px 15px;  }
.mask         { width:100%; height:100%; display:none; filter:alpha(opacity=70); opacity:0.7; background:#000; position:fixed; left:0; top:0; z-index:9998; }

@-webkit-keyframes line-scale-pulse-out {
	0%   { -webkit-transform:scaley(1); }
	50%  { -webkit-transform:scaley(0.4); }
	100% { -webkit-transform:scaley(1); } 
}

@keyframes line-scale-pulse-out {
	0%   { transform:scaley(1); }
	50%  { transform:scaley(0.4); }
	100% { transform:scaley(1); } 
}

.line-scale-pulse-out > div { margin:2px; width:4px; height:35px; border-radius:2px; display:inline-block; background-color:#fff; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation:line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay:-0.4s !important; animation-delay:-0.4s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay:-0.2s !important; animation-delay:-0.2s !important; }
.line-scale-pulse-out > div { float:left; margin:0 1px; width:2px; height:20px; border-radius:1px; display:inline-block;}

/* 弹窗 */
.pop     { position:fixed; left:20%; top:47%; width:60%; height:30px; font-size:14px; line-height:30px; text-align:center; display:none; border-radius:5px; z-index:999; color:#fff; background:url(../img/5.png) repeat; }
.space   { height:20px; }

@media screen and (min-width:414px)
{
	.phbTitle p  {top:0;  }
}
@media screen and (min-width:375px)
{
	.phbTitle p  {top:0;  }
}


/* 向上滑动 */
@-webkit-keyframes crashDown { 0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
30% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-moz-keyframes crashDown { 0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
20% {
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
-ms-transform:translateY(20px);
-o-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-ms-keyframes crashDown { 0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
20% {
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
-ms-transform:translateY(20px);
-o-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes crashDown { 0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
20% {
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
-ms-transform:translateY(20px);
-o-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes crashDown { 0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
20% {
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
-ms-transform:translateY(20px);
-o-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #7cbbc8; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #7cbbc8;opacity:1;
}

input:-ms-input-placeholder{
    color: #7cbbc8;opacity:1;
}

input::-webkit-input-placeholder{
    color: #7cbbc8;opacity:1;
}

@media screen and (min-width:414px)
{
	.phbTitle p  {top:0;  }
	.list .listFont a i { width:90px; }
}
@media screen and (min-width:375px)
{
	.list .listFont a i { width:70px; }
}







